<script setup lang="ts">
import ReQrcode from "@/components/ReQrcode";
import { useUserStore } from "@/stores/user";
import Motion from "../utils/motion";
</script>

<template>
    <Motion class="flex-center mb-2">
        <!-- <ReQrcode :text="t('login.test')" /> -->
        <ReQrcode
            value="https://pinia.vuejs.org/zh/introduction.html"
            icon="https://cn.vite.dev/logo.svg"
        />
    </Motion>
    <Motion :delay="100">
        <el-divider>
            <p class="text-gray-500 text-xs">
                {{ $t("login.tip") }}
            </p>
        </el-divider>
    </Motion>
    <Motion :delay="150">
        <el-button class="w-full mt-4" @click="useUserStore().SET_CURRENT_PAGE(0)">
            {{ $t("login.back") }}
        </el-button>
    </Motion>
</template>
